<!-- @format -->

<template>
  <div class="etitle">
    <!-- <img :src="require('../../assets/images/' + type + '.svg')" /> -->
    <!-- <span :class="{ span1: type == 'white', span2: type == 'black' }">{{ title }}</span> -->
    <span class="span3">{{ title }}</span>
    <!-- <slot></slot> -->
  </div>
</template>
<script>
export default {
  name: 'eTitle',
  props: {
    title: {
      type: String,
      default: () => '',
    },
    type: {
      type: String,
      default: () => 'white',
    },
  },
};
</script>
<style scoped>
.span1 {
  padding-left: 10px;
  text-align: left;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}

.span2 {
  padding-left: 10px;
  text-align: left;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
}

.etitle {
  text-align: left;
  margin: 10px 0 0px 0px;

}

.header-img {
  position: relative;
  top: 2px;
}

.span3 {
  opacity: .6;
  display: inline-block;
  padding: 5px 20px;
  background: linear-gradient(257.659deg, #35c0ff, #0f7fff);
  border-radius: 10px 0 20px 0;
  box-shadow: 3px 3px 0 2px #d1e3e7;
  color: var(--title-tag-color)
}
</style>
